<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>myProject</title>
    <!-- 引入 lib/echarts.custom.min.js -->
    <script src="echarts.js"></script>
</head>
<body>
    <div id="main" style="width: 1000px;height:600px;border:3px solid red"></div>
    <script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    var data = [{
    name: '流失用户',
    value: 18347
    },{
    name:'回流用户',
    value: 6546
    }, {
    name: '连续活跃用户',
    value: 524
    },{
    name: '新用户',
    value: 91
    },{
    name: '活跃用户',
    value: 0
    }]

option = {
    title: {
            text: '标签人数分布',
            subtext: '190,633人'
        },
    series: {
        type: 'sunburst',
        data: data,
        radius: [0, '90%'],
        label: {
            rotate: 'radial'
        }
        },
};

    myChart.setOption(option);
    </script>
</body>
</html>